<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>HTML5 测试</title>

    <style type="text/css">

		.input{
			width: 90%;
			height: 30px;
		}
		.button{
		    width: 60%;
			height: 50px;
			background:#ff00ff
		}


    </style>

    <script type="text/javascript">
		function say_hello()
		{
			/*这里拿到值传给android*/
			var name=document.getElementById("txtName").value;
			//然后是怎么调用Android里面的方法
			window.app.say_hello(name);
		}
      function showName(name)
      {
       document.getElementById("txtName").value=name;
      }

    </script>
</head>
<body>
<!-- 实例从页面的输入框获取一个字传入到我们原生的代码里面考虑兼容问题的时候宽高不能使用px-->
<input id="txtName" class="input">
<br/>
<hr>
<button class="button" onclick="say_hello()"> say hello</button>
</body>
</html>